@import "_function";

.pro_search {
  .header {
    .h(90);
    .p(0, 56, 0, 22);
    overflow: hidden;
    display: flex;
    align-items: center;
    .back {
      float: left;
      .w(30);
      .h(42);
    }
    .search {
      position: relative;
      float: left;
      .ml(136);
      .w(368);
      .h(46);
      border: 1px solid #000000;
      .bdr(20);
      input {
        .w(310);
        .lh(46);
        border: none;
        position: absolute;
        left: 0;
        background: none;
        .fs(24);
        color: #a5a3a3;
        .ti(10);
      }
      button {
        .w(56);
        .h(46);
        border: none;
        position: absolute;
        right: 0;
        background-image: url(../img/pro_search/pro_search_2.png);
        .bgs(31, 32);
        background-color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        .bgp(10, 10);
      }
    }
    .search-btn {
      float: left;
      .ml(40);
      .fs(38);
      color: #252424;
      border: none;
      background: none;
    }
  }
  .history-hot {
    .p(0,56,0,22);
    .mt(40);
    .title {
      .fs(32);
      color: #3a3939;
      position: relative;
      .pl(26);
      .mb(56);
      &:before {
        content: '';
        display: block;
        .w(2);
        .h(40);
        background: #ff0000;
        position: absolute;
        left: 0;
        top: 0;
      }
    }
    border-bottom: 1px solid #7d7d7d;
    .history-text {
      .pb(32);
      .fs(32);
      color: #8e8b8b;
      text-align: center;
    }
    .list {
      .w(580);
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      li {
        min-width: 25%;
        .fs(28);
        color: #3a3939;
        float: left;
        .mb(70);
      }
    }
  }
  .hot {
    border-bottom: none;
  }
}
/*
  .history {
    .p(0,56,0,22);
    .mt(40);
  }
  .hot {
    .p(0,56,0,22);
    .mt(80);

  }
}*/
